<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.css}" />
		<link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/js/booklist/visit_css.css}"/>
		
		<script th:src="@{/js/jquery.js}"></script>
		<script th:src="@{/bootstrap/js/bootstrap.min.js}" type="text/javascript"></script>
		<script type="text/javascript" src="../js/vue.js"></script>
	</head>
	<body>
		<div class="container-fluid">
			<div class="row" style="margin-top: 1.25rem; margin-left:1.25rem ;">
				<div style="float: left;">
					<img th:src="|/${session.goalUser.headImg}|" class="img-circle comment-img">
				</div>
				<div style="margin-left: 20px; padding-left: 0rem; float: left">
					<label>名字:</label><label th:text="${session.goalUser.username}"></label><br>
					<label>级别:</label><label th:text="${session.goalUser.getLevel()}"></label><br>
					<label>性别:</label><label th:text="${session.goalUser.getGender()}"></label><br>
				</div>
				<div class="col-md-1 col-md-offset-9">
						<button class="btn btn-link" th:href="">点击关注ta</button>
						<button class="btn btn-link" th:text="|访问量:${session.visitCount}|"></button>
				</div>
			</div>
			<div class="row" style="margin-top: 20px;">
				<div class="col-md-1" style="text-align: center; height: 7.5rem; margin-top: 1.8rem; ">
					<label>ta的关注</label><br>
					<label>62</label>
				</div>
				<div class="col-md-5">
					<div th:each=" user : ${session.goalFollow}">
						<img th:src="|/${user.headImg}|" class="img-circle comment-img" style="margin-left: 1.25rem;">
					</div>
				</div>
				<div class="col-md-1" style="text-align: center; height: 7.5rem; line-height: 7.5rem;">
					<label>共同关注</label><br>
				</div>
				<div class="col-md-5">
					<div th:each="common : ${session.commonFollow}">
						<img th:src="|/${common.headImg}|"  class="img-circle comment-img" style="margin-left: 1.25rem;">
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-md-6 col-md-offset-1" style="margin-top: 1.875rem;">
					<div class="message">
						&nbsp;	&nbsp;
						诗人洛秋，2018年毕业于内江师范学院电子信息工程。毕业后开始接触诗词，创作年龄1年。虽然创作年龄不高，
						但是所创作的都是精品。擅长于忧郁悲伤的风格，有当代纳兰的名号。代表作有《长相思》《中秋思》等
					</div>
				</div>
				<div class="col-md-3 col-md-offset-1" style="margin-top: 1.875rem;">
					<label style="text-align: center;">代表作</label>
					<table class="table">
						<thead>
							<tr>
								<th>时间</th>
								<th>名字</th>
							</tr>
						</thead>
						<tbody>
							<tr th:each="poet : ${session.poets}">
								<td th:text="${poet.date}"></td>
								<td>
									<a th:href="@{'http://localhost:8080/poet/poetinfo?id='+${poet.id}}" th:text="${poet.getName()}"></a>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<div class="row ">
				<div class="col-md-2 col-md-offset-1">
					<label>留言板</label>
				</div>
			</div>
			<div class="row">
				<table class="table">
					<thead>
					</thead>
					<tbody>
						<tr th:each="mess : ${session.messages}">
							<td style="text-align: center;">
								<img th:href="@{'http://localhost:8080/author/visit?goalId='+${mess.user.id}}" th:src="|/${mess.user.headImg}|"  class="img-circle visit-img">
							</td>
							<td style="text-align: center; line-height:5rem ;">
								<div class="visit-info" th:text="${mess.getTxt()}">
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</body>
</html>
